<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${base}/script/jquery-1.10.2.js"></script>
<link rel="stylesheet" type="text/css"
	href="${base}/script/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="${base}/script/easyui/themes/icon.css">
<script type="text/javascript"
	src="${base}/script/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${base}/script/easyui/locale/easyui-lang-zh_CN.js"></script>
<title>easyui分页</title>
</head>
<body>
	<input type="text" id="param">
	<input type="button" value="搜索" onclick="doSearch()">
	<table id="pageTable"></table>
	<script type="text/javascript">
	$('#pageTable').datagrid({
		url:"${base}/easyui/page/list.do",
		queryParams:{"param":$("#param").val()},
		singleSelect:true,
		rownumbers: true,
		pagination:true,
		fitColumns:false,
		pageSize: 10,
		pageList: [10,20,30],
		columns:[[
	        {field:'id',title:'用户姓名',align:'center',width:200},
	        {field:'name',title:'联系方式',align:'center',width:200}
	        
	    ]]    
	}); 
	
	function doSearch() {
		$('#pageTable').datagrid("load",{
			"param":$("#param").val()
		});
	}
	</script>

</body>
</html>